<template>
  <div class="about">
    <h1>This is an about page</h1>
    <ol>
      <li v-for="item in list" :key="item.id" :class="item.className">编号：{{item.id}}，姓名：{{item.name }}</li>
    </ol>
  </div>
</template>

<script>

export default {
  name: 'AboutView',
  data() {
    return {
      list: [
        
      ]
    }
  },
  created() {
    setTimeout(() => {
      this.list.push({id: 1,name:"李陈"});
      this.list.push({id: 2,name:"刘力旗"});
      this.list.push({id: 3,name:"谭杨杰"});
    },1000)
  }
}
</script>
<style scoped lang="scss">
.li1 {
  color: #f00;
}

.li2 {
  color: #0f0;
}

.li3 {
  color: #00f;
}
</style>